<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--<style>
     div {
     background-color: red;
    width:50px;
    height: 1e0px;
    }
    </style>-->
    <!--3引入外部样式文件-->
<link rel="stylesheet" href="./css/07.css">
</head>
<body>
    <!--
     容器标签默认情况下高度都是宽度默认都是一整行
     1.主动设置高度
     2.放一些字内容撑开高度
     3长度单位
    1.px像素-->
    <!--1.行内 学习用得较多工作较少 -->
    <!--<div style="background-color: red;height: 100px;width: 50px;"></div> -->
    <!--2内部样式 学习用多小项目-->
    <div>4</div>
</body>
</html>